<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课网-程序员的梦工厂</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="bk" id="bk"></div>
<!--头部-->
<header class="header">
    <div class="header__logo"></div>
    <nav class="header__nav clearfix">
        <a href="#" class="header__nav-item">免费课程</a>
        <a href="#" class="header__nav-item">实战课程</a>
        <a href="#" class="header__nav-item">就业班</a>
        <a href="#" class="header__nav-item">专栏</a>
        <a href="#" class="header__nav-item">猿问</a>
        <a href="#" class="header__nav-item">手记</a>
    </nav>
    <div class="header__nav-item_search clearfix">
        <input type="text" placeholder="请输入关键字" class="header__nav-item_search-input">
        <div class="header__nav-item_search-img"></div>
    </div>
    <div class="header__user">
        <a href="#" class="header__user-item header__nav-download">下载APP</a>
        <a href="#" class="header__user-item header__nav-cart">购物车</a>
        <a href="#" class="header__user-item header__nav-notice"></a>
        <a href="#" class="header__user-item header__user-course">我的课程</a>
        <div class="header__user-item header__user-portrait"></div>
        <a href="#" class="header__user-item header__user-login">登录</a>
        <span class="header__user-item">/</span>
        <a href="#" class="header__user-item header__user-regist">注册</a>

    </div>
</header>
<!--菜单与轮播图-->
<div class="main_banner">
    <div class="main_warp">
        <!-- 菜单和banner图   -->
        <div class="menu" id="menu">
            <div class="menu__box">
                <!--主菜单-->
                <div class="menu__content" id="menu_content">
                    <div class="menu__content-item">
                        <a href="#">前沿/区块链/人工智能</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">前端/小程序/JS</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">后端/JAVA/Python</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">移动/Android/IOS</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">云计算/大数据/容器</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">运维/测试/数据库</a>
                        <span></span>
                    </div>
                    <div class="menu__content-item">
                        <a href="#">UI设计/3D动画/游戏</a>
                        <span></span>
                    </div>
                </div>
            </div>
            <!--子菜单-->
            <div class="menu__sub-menu hide" id="sub_menu">
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box">
                        <div class="menu__sub-title">前沿技术</div>
                        <div class="menu__sub-row">
                            <a>微服务</a>
                            <a>区块链</a>
                            <a>以太坊</a>
                            <a>机器学习</a>
                            <a>深度学习</a>
                            <a>计算机视觉</a>
                            <a>自然语言处理</a>
                            <a>数据分析&挖掘</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">前端开发</div>
                        <div class="menu__sub-row">
                            <a>HTML/CSS</a>
                            <a>JavaScript</a>
                            <a>Vue.js</a>
                            <a>React.JS</a>
                            <a>Angular</a>
                            <a>Node.js</a>
                            <a>jQuery</a>
                            <a>Bootstrap</a>
                        </div>
                        <div class="menu__sub-row">
                            <a>Sass/Less</a>
                            <a>WebApp</a>
                            <a>小程序</a>
                            <a>前端工具</a>
                            <a>CSS</a>
                            <a>Html5</a>
                            <a>CSS3</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_2_01"></div>
                                <p class="menu__sub-item_title">前端零基础入门</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥688.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">6步/42课</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">3207</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_2_02"></div>
                                <p class="menu__sub-item_title">Node.js+Koa2框架生态实践-从...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_2_03"></div>
                                <p class="menu__sub-item_title">Electron+react+骑牛运 实践跨平...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥248.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_2_04"></div>
                                <p class="menu__sub-item_title">Vue.jsz 从入门到精通</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">后端开发</div>
                        <div class="menu__sub-row">
                            <a>Java</a>
                            <a>SpringBoot</a>
                            <a>Spring Cloud</a>
                            <a>SSM</a>
                            <a>Python</a>
                            <a>爬虫</a>
                            <a>Django</a>
                            <a>Tornado</a>
                            <a>Go</a>
                            <a>PHP</a>
                        </div>
                        <div class="menu__sub-row">
                            <a>C</a>
                            <a>C++</a>
                            <a>C#</a>
                            <a>前端工具</a>
                            <a>Ruby</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">移动开发</div>
                        <div class="menu__sub-row">
                            <a>Android</a>
                            <a>iOS</a>
                            <a>React native</a>
                            <a>WEEX</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">计算机基础</div>
                        <div class="menu__sub-row">
                            <a>计算机网络</a>
                            <a>算法与数据结构</a>
                            <a>数学</a>
                        </div>
                        <div class="menu__sub-title">云计算&大数据</div>
                        <div class="menu__sub-row">
                            <a>大数据</a>
                            <a>Hadoop</a>
                            <a>Spark</a>
                            <a>Hbase</a>
                            <a>Storm</a>
                            <a>云计算</a>
                            <a>AWS</a>
                            <a>Docker</a>
                            <a>Kubernetes</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">运维&测试</div>
                        <div class="menu__sub-row">
                            <a>运维</a>
                            <a>自动化运维</a>
                            <a>运维工具</a>
                            <a>中间件</a>
                            <a>Linux</a>
                            <a>测试</a>
                            <a>功能测试</a>
                            <a>性能测试</a>
                            <a>自动化测试</a>
                        </div>
                        <div class="menu__sub-row">
                            <a>接口测试</a>
                            <a>安全测试</a>
                        </div>
                        <div class="menu__sub-title">数据库</div>
                        <div class="menu__sub-row">
                            <a>MySQL</a>
                            <a>Redis</a>
                            <a>MongoDB</a>
                            <a>Oracle</a>
                            <a>SQL</a>
                            <a>Server</a>
                            <a>NoSql</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu__inner-box ">
                    <div class="menu__sub_inner-box ">
                        <div class="menu__sub-title">UI设计&多媒体</div>
                        <div class="menu__sub-row">
                            <a>模型制作</a>
                            <a>动效动画</a>
                            <a>设计基础</a>
                            <a>设计工具</a>
                            <a>APPUI设计</a>
                            <a>产品交互</a>
                        </div>
                        <div class="menu__sub-title">游戏</div>
                        <div class="menu__sub-row">
                            <a>Unity 3D</a>
                            <a>Cocos2d-x</a>
                        </div>
                    </div>
                    <div class="menu__sub_grid-box">
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_01"></div>
                                <p class="menu__sub-item_title">JavaScript玩转机器学习 打造你人...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_1">￥308.00</span>
                                    <span class="menu__sub-item_desc_2">限时优惠</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_02"></div>
                                <p class="menu__sub-item_title">ElasticSearch+Spark 构建高匹配度...</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                        <div class="menu__sub-item_row clearfix">
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_03"></div>
                                <p class="menu__sub-item_title">从0入门人工智能学习</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">￥308.00</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_3">初级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                            <div class="menu__sub-item ">
                                <div class="menu__sub-item_img menu__sub-item_img_1_04"></div>
                                <p class="menu__sub-item_title">推荐算法理论实践</p>
                                <p class="menu__sub-item_desc">
                                    <span class="menu__sub-item_desc_3">中级</span>
                                    <span class="menu__sub-item_desc_dots"></span>
                                    <span class="menu__sub-item_desc_4">75</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--轮播图-->
            <div class="menu__banner" id="menu_banner">
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide1 menu__banner_slide-active"></div>
                </a>
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide2" id="menu__banner-slide2"></div>
                </a>
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide3"></div>
                </a>
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide4"></div>
                </a>
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide5"></div>
                </a>
                <a href="#">
                    <div class="menu__banner-slide menu__banner-slide6"></div>
                </a>
            </div>
            <a href="javascript:void(0)" class="menu__banner-button menu__banner-prev" id="banner-prev"></a>
            <a href="javascript:void(0)" class="menu__banner-button menu__banner-next" id="banner-next"></a>
            <div id="dots" class="dots">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        <div class="employment">
            <h3><span>就业班</span><span class="employment__intro">零基础快速就业</span></h3>
            <div class="employment__list clearfix">
                <a href="#">
                    <i class="i-web"></i>
                    <p class="employment__list-title">Web前端攻城狮</p>
                    <p class="employment__list-desc">从未接触编程也可以学好</p>
                </a>
                <a href="#">
                    <i class="i-java"></i>
                    <p class="employment__list-title">Java攻城狮</p>
                    <p class="employment__list-desc">综合就业排名第一</p>
                </a>
                <a href="#">
                    <i class="i-python"></i>
                    <p class="employment__list-title">Python攻城狮</p>
                    <p class="employment__list-desc">应用领域最为广泛</p>
                </a>
                <a href="#">
                    <i class="i-android"></i>
                    <p class="employment__list-title">Android攻城狮</p>
                    <p class="employment__list-desc">移动市场份额第一</p>
                </a>
                <a href="#">
                    <i class="i-php"></i>
                    <p class="employment__list-title">PHP攻城狮</p>
                    <p class="employment__list-desc">Web开发首选语言</p>
                </a>
            </div>
        </div>

        <div class="recommend">
            <h3><span>职场进阶</span><span class="employment__intro">1年以上开发经验系统成长</span></h3>
            <div class="recommend__list clearfix">
                <a href="#">
                    <div class="recommend__list-item recommend__list-item_1"></div>
                </a>
                <a href="#">
                    <div class="recommend__list-item recommend__list-item_2"></div>
                </a>
                <a href="#">
                    <div class="recommend__list-item recommend__list-item_3"></div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--新上好课-->
<div class="course">
    <div class="course-container common-width">
        <h3 class="course__title">新上好课</h3>
        <div class="course__content">
            <div class="course__content-item">
                <a href="#">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img3.mukewang.com/szimg/5dde5881088dd8da06000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>Java</label>
                            <label>SpringBoot</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">全方位深入解析最新版SpringBoot源码</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info clearfix">
                                <span>中级</span><span><i class="imv2-set-sns"></i>292</span>
                                <span class="course__content-desc-evaluation fr">12人评价</span>
                            </div>
                            <div class="hide clearfix" style="display: none;">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>12人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price" data-costprice="366.00">￥316.00
                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="99648">1天 03 : 39 : 25</i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" href="#">
                    <div class="course__content-item_new">
                        新课
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5e0030e6091d0fc712000676-360-202.png">
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Java并发编程实战+并发工具详解</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info clearfix">
                                <span>中级</span><span><i class="imv2-set-sns"></i>188</span>
                                <span class="course__content-desc-evaluation fr">16人评价</span>
                            </div>
                            <div class="hide clearfix" style="display: none;">
                                <i class="trangle"></i>
                                <div class="hide">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>16人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price" data-costprice="399.00">￥339.00

                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="2086848"></i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank">
                    <div class="course__content-item_new">
                        新课
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5de8adb00809bd4406000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>Vue.js</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Vue全家桶实战 从零独立开发企业级小米电商系统(免费升级Vue3.0)</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>266</span>
                                <span class="course__content-desc-evaluation fr">10人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="hide">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>10人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price" data-costprice="348.00">￥298.00
                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="704448"></i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/136.html?mc_marking=58fc4a3eef797bb53e2a572b4492e1cb&amp;mc_channel=syb9"
                   data-track="sztj-1-4">
                    <div class="course__content-item_new course__content-item_hot">
                        热门
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img4.mukewang.com/szimg/59b8a486000107fb05400300-360-202.jpg">
                        <div class="course__content-label">
                            <label>Python</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">全面系统python3入门+进阶 小白也能听懂 (万人甄选口碑好课)</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>初级</span><span><i class="imv2-set-sns"></i>10202</span>
                                <span class="course__content-desc-evaluation fr">3579人评价</span>
                            </div>
                            <div class="hide clearfix" style="display: none;">
                                <i class="trangle"></i>
                                <div class="hide">
                                    <p>综合评分</p>
                                    <p class="big-text">9.97</p>
                                    <p>3579人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>9.97</span></p>
                                    <p>通俗易懂<span>9.97</span></p>
                                    <p>逻辑清晰<span>9.97</span></p>
                                </div>
                            </div>
                            <div class="course-card-price">￥366.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/410.html?mc_marking=1f1eb391b59b3e4139718a46d8673049&amp;mc_channel=syb10"
                   data-track="sztj-1-5">
                    <div class="course__content-item_new">
                        新课
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5e0494a00809a98f06000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>Java</label>
                            <label>大数据</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Spark + ElasticSearch 构建电商用户标签系统实现精准营销</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>34</span>
                                <span class="course__content-desc-evaluation fr">1人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="hide">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>1人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price" data-costprice="328.00">￥278.00
                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="2518848"></i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/402.html?mc_marking=c5a3de541d57c8b0f8adb42c41479892&amp;mc_channel=syb11"
                   data-track="sztj-1-6">
                    <div class="course__content-item_new">
                        新课
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img3.mukewang.com/szimg/5dfb46f20806e68506000338-360-202.jpg">

                        <div class="course__content-label">
                            <label>Android</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Jetpack全组件实战 开发短视频应用高仿皮皮虾App</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>97</span>
                                <span class="course__content-desc-evaluation fr">10人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="hide">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>10人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>

                            <div class="course__content-desc-price" data-costprice="348.00">￥308.00

                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="1827648"></i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/407.html?mc_marking=0e3785bb64ff082e0fe94900fd9b9ed6&amp;mc_channel=syb12"
                   data-track="sztj-1-7">
                    <div class="course__content-item_new">
                        新课
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img4.mukewang.com/szimg/5df1deec09ba554712000676-360-202.png">

                        <div class="course__content-label">
                            <label>PHP</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">全流程开发 TP6.0实战高并发电商服务系统</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>201</span>
                                <span class="course__content-desc-evaluation fr">12人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>12人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price" data-costprice="399.00">￥339.00
                                <span class="sales-tip">限时优惠
            						<i class="sales-timer js-sales-end-timer" data-timer="1222848"></i>
            					</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/355.html?mc_marking=e0b7020c55162407944b7ca0fa1373f8&amp;mc_channel=syb13"
                   data-track="sztj-1-8">
                    <div class="course__content-item_new course__content-item_hot">
                        热门
                    </div>
                    <div class="course__content-item_top hashadow">
                        <img class="course-content-item_banner"
                             src="//img2.mukewang.com/szimg/5d1032ab08719e0906000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>Linux</label>
                            <label>计算机网络</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">编程必备基础 计算机组成原理+操作系统+计算机网络</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>2941</span>
                                <span class="course__content-desc-evaluation fr">1036人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">9.99</p>
                                    <p>1036人评价</p>
                                </div>
                                <div class="hide">
                                    <p>内容实用<span>9.99</span></p>
                                    <p>通俗易懂<span>9.99</span></p>
                                    <p>逻辑清晰<span>9.99</span></p>
                                </div>
                            </div>
                            <div class="course-card-price">￥236.00
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--学习路线-->
<div class="path">
    <div class="path-wrap common-width">
        <h3 class="path-header clearfix">
            <span class="path-title fl">学习路线</span>
            <nav class="path-nav clearfix">
                <a href="#" class="path-nav-item path-nav-item-active">热门</a>
                <a href="#" class="path-nav-item">前端</a>
                <a href="#" class="path-nav-item">后端</a>
                <a href="#" class="path-nav-item">移动端</a>
                <a href="#" class="path-nav-item">计算机基础</a>
                <a href="#" class="path-nav-item">大数据</a>
                <a href="#" class="path-nav-item">测试</a>
                <a href="#" class="path-nav-item">人工智能</a>
            </nav>
            <a href="#" class="path-header-more">查看更多 <span></span></a>
        </h3>
        <div class="clearfix">
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img1.mukewang.com/szimg/5d8b2a0608bd096301400140-140-140.jpg" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>计算机基础学习路线</h4>
                        <p>本路线精选程序员必修的数学基础课和计算机基础核心知识，有序打基础职场走更远。</p>
                        <div class="course-path-info">
                            <span>4步骤 · 6门课</span>
                            <span>
                                <i class="imv2-star2"></i>
                                8408人收藏
                            </span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img3.mukewang.com/szimg/5d919e87087c044201400140-140-140.jpg" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>Go语言从入门到达人之路</h4>
                        <p>零基础入门Go语言，在掌握基础语法后向并发提升，并用Go去构建微服务、上手区块链项目。</p>
                        <div class="course-path-info"><span>5步骤 · 8门课</span><span><i
                                class="imv2-star2"></i>4064人收藏</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img3.mukewang.com/szimg/5da05bd40878ad7301400140-140-140.jpg" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>MySQL数据库直通车：从入门到面试</h4>
                        <p>一举吃透最耗时的数据库，学会数据库的基本使用、业务库的设计与架构，面试收尾升华所学。</p>
                        <div class="course-path-info"><span>4步骤 · 4门课</span><span><i
                                class="imv2-star2"></i>4330人收藏</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img4.mukewang.com/szimg/5da9a00d09eeecba01400140-140-140.png" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>微信小程序从0基础到精通</h4>
                        <p>一站式掌握小程序生态，打造站内零基础精通小程序的最佳路径</p>
                        <div class="course-path-info"><span>4步骤 · 5门课</span><span><i
                                class="imv2-star2"></i>21052人收藏</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img1.mukewang.com/szimg/5db92a1a080f03a301400140-140-140.jpg" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>Vue.js从入门到全栈开发</h4>
                        <p>优秀的前端工程师都要掌握一门后端语言，从vue到node，前后端通吃，提高前端工程师的竞争力。</p>
                        <div class="course-path-info"><span>4步骤 · 5门课</span><span><i
                                class="imv2-star2"></i>11576人收藏</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course-path-container">
                <a target="_blank">
                    <img src="//img2.mukewang.com/szimg/5d8b22e4080de9a601400140-140-140.jpg" alt=""
                         class="course-banner">
                    <div class="course-path-item-desc">
                        <h4>Java从初级到高级的进阶面试线路图</h4>
                        <p>路线吃透面试学问，伴随身为Java工程师的你一路成长，高效充分准备面试拿offer。</p>
                        <div class="course-path-info"><span>5步骤 · 6门课</span><span><i
                                class="imv2-star2"></i>10000人收藏</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--热门课程-->
<div class="hot">
    <div class="hot-wrap common-width">
        <h3 class="hot-header clearfix">
            <span class="hot-title fl">学习路线 <i></i></span>
            <nav class="hot-nav clearfix">
                <a href="#" class="hot-nav-item hot-nav-item-active">实战课程</a>
                <a href="#" class="hot-nav-item">免费课程</a>
            </nav>
        </h3>
        <div class="course__content course__mr">
            <div class="course__content-item">
                <a target="_blank" class="course-card">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img4.mukewang.com/szimg/5dc9047a09bae31e12000676-360-202.png">
                        <div class="course__content-label">
                            <label>Node.js</label>
                            <label>Vue.js</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Vue Element+Node.js开发企业通用管理后台系统</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>高级</span><span><i class="imv2-set-sns"></i>606</span>
                                <span class="course__content-desc-evaluation fr">14人评价</span>
                            </div>
                            <div class="hide clearfix" style="display: none;">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>14人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥348.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-2">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5db7fa4f09a2b64312000676-360-202.png">
                        <div class="course__content-label">
                            <label>JavaScript</label>
                            <label>Vue.js</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">再学JavaScript ES(6-10)全版本语法大全</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>初级</span><span><i class="imv2-set-sns"></i>785</span>
                                <span class="course__content-desc-evaluation fr">30人评价</span>
                            </div>
                            <div class="hide clearfix" style="display: none;">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>30人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥299.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-3">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5ac2dfe100014a9005400300-360-202.jpg">
                        <div class="course__content-label">
                            <label>Vue.js</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Vue2.5开发去哪儿网App 从零基础入门到实战项目</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>7221</span>
                                <span class="course__content-desc-evaluation fr">3592人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>3592人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>9.99</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥266.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-4">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5dce41e70819b56b06000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>Java</label>
                            <label>SpringBoot</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Java通用型支付+电商平台双系统实战</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>初级</span><span><i class="imv2-set-sns"></i>609</span>
                                <span class="course__content-desc-evaluation fr">36人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">9.98</p>
                                    <p>36人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>9.94</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥348.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-5">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5c18d2d8000141c506000338-360-202.jpg">
                        <div class="course__content-label">
                            <label>SpringBoot</label>
                            <label>算法与数据结构</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">剑指Java面试-Offer直通车</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>5088</span>
                                <span class="course__content-desc-evaluation fr">1673人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">9.97</p>
                                    <p>1673人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>9.97</span></p>
                                    <p>通俗易懂<span>9.97</span></p>
                                    <p>逻辑清晰<span>9.97</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥299.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card"
                   href="//coding.imooc.com/class/362.html?mc_marking=4cd147ccf2ff2ca7d226ce6dc286e465&amp;mc_channel=syszxl"
                   data-track="xshk-1-6">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img3.mukewang.com/szimg/5d4ceaef09c3cb6612000676-360-202.png">
                        <div class="course__content-label">
                            <label>Java</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">线程八大核心+Java并发底层原理精讲</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>初级</span><span><i class="imv2-set-sns"></i>1296</span>
                                <span class="course__content-desc-evaluation fr">507人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>507人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥348.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-7">
                    <div class="course__content-item_new upgrade">
                        升级
                    </div>
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5a7127370001a8fa05400300-360-202.jpg">

                        <div class="course__content-label">
                            <label>Go</label>
                            <label>爬虫</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">Google资深工程师深度讲解Go语言</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>中级</span><span><i class="imv2-set-sns"></i>3224</span>
                                <span class="course__content-desc-evaluation fr">1205人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">9.98</p>
                                    <p>1205人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>9.98</span></p>
                                    <p>通俗易懂<span>9.97</span></p>
                                    <p>逻辑清晰<span>9.98</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥399.00</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="course__content-item">
                <a target="_blank" class="course-card" data-track="xshk-1-8">
                    <div class="course__content-item_top">
                        <img class="course-content-item_banner"
                             src="//img1.mukewang.com/szimg/5dbffa9109ef425a12000676-360-202.png">
                        <div class="course__content-label">
                            <label>JavaScript</label>
                        </div>
                    </div>
                    <div class="course__content-desc">
                        <h3 class="course__content-desc_name">抓紧面试前的宝贵时间 快速搞定前端初级JavaScript面试</h3>
                        <div class="clearfix course__content-desc-bottom">
                            <div class="course__content-desc-info">
                                <span>初级</span><span><i class="imv2-set-sns"></i>269</span>
                                <span class="course__content-desc-evaluation fr">13人评价</span>
                            </div>
                            <div class="hide clearfix">
                                <i class="trangle"></i>
                                <div class="left-box l">
                                    <p>综合评分</p>
                                    <p class="big-text">10.00</p>
                                    <p>13人评价</p>
                                </div>
                                <div class="rightcourse-card-container-box right-box l">
                                    <p>内容实用<span>10.00</span></p>
                                    <p>通俗易懂<span>10.00</span></p>
                                    <p>逻辑清晰<span>10.00</span></p>
                                </div>
                            </div>
                            <div class="course__content-desc-price">￥199.00</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--专栏-->
<div class="read">
    <div class=" common-width clearfix">
        <h3 class="path-header clearfix">
            <span class="path-title fl">慕课专栏</span>
            <a href="#" class="path-header-more">查看更多<span></span></a>
        </h3>
        <div class="clearfix">
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img3.mukewang.com/5e05bc0200017cb902940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">Java小白踩坑录</a></h4>
                    <div class="course-read-info"><span>共30节 · 81人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>David</span> / 世界五百强企业架构师</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 29.90</span></a>
                    </div>
                </div>
            </div>
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img4.mukewang.com/5de4e8a600011d0002940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">白话RPC框架原理及其实现</a></h4>
                    <div class="course-read-info"><span>共32节 · 214人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>crazyhzm</span> / 一线大厂软件开发工程师</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 29.90</span></a>
                    </div>
                </div>
            </div>
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img1.mukewang.com/5dee29740001664c02940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">算法科普指南</a></h4>
                    <div class="course-read-info"><span>共42节 · 125人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>王硕</span> / 资深软件工程师</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 29.90</span></a>
                    </div>
                </div>
            </div>
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img3.mukewang.com/5da0479e0001381f02940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">设计模式深度解析34讲</a></h4>
                    <div class="course-read-info"><span>共35节 · 711人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>王磊</span> / 十年经验大厂架构师</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 68.90</span></a>
                    </div>
                </div>
            </div>
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img2.mukewang.com/5db2d8110001d97802940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">码出规范：《阿里巴巴Java开发手册》详解</a></h4>
                    <div class="course-read-info"><span>共38节 · 740人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>明明如月</span> / 知名电商 Java
                        高级开发工程师</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 68.90</span></a>
                    </div>
                </div>
            </div>
            <div class="course-read-container">
                <div class="course-read-banner">
                    <a href="#" target="_blank">
                        <img src="//img1.mukewang.com/5d64c20c0001937e02940333.jpg" alt="">
                        <div class="try-read-img">试读</div>
                    </a>
                </div>
                <div class="course-read-content">
                    <h4><a href="#" target="_blank">面试官系统精讲Java源码及大厂真题</a></h4>
                    <div class="course-read-info"><span>共48节 · 2084人已购买</span></div>
                    <div class="course-read-teacher"><a href="#" target="_blank"><span>文贺</span> / 知名电商Java技术专家</a>
                    </div>
                    <div class="course-read-price">
                        <a href="#" target="_blank"><span class="sale">¥ 68.90</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--脚部-->
<div class="footer">
    <div class="container common-width">
        <div class="footer-wrap idx-width hide">
            <div class="footer-sns clearfix">
                <div class="l"><a href="javascript:void(0);" class="footer-sns-weixin" target="_blank" title="微信"> <i class="footer-sns-weixin-expand"></i> </a>
                    <p>官方公众号</p>
                </div>
                <div class="l">
                    <a href="#" class="footer-sns-weibo hide-text" target="_blank" title="新浪微博">新浪微博</a>
                    <p>官方微博</p>
                </div>
            </div>
        </div>
        <div class="footer-link">
            <!-- <a href="/about/us" target="_blank" title="关于我们">关于我们</a> -->
            <a href="#" target="_blank" title="企业合作">企业合作</a>
            <a href="#" target="_blank" title="人才招聘">人才招聘</a>
            <a href="#" target="_blank" title="联系我们">联系我们</a>
            <a href="#" target="_blank" title="讲师招募">讲师招募</a>
            <a href="#" target="_blank" title="帮助中心">帮助中心</a>
            <a href="#" target="_blank" title="意见反馈">意见反馈</a>
            <a href="#" target="_blank">慕课大学</a>
            <a href="#" target="_blank">代码托管</a>
            <a href="#" target="_blank" title="友情链接">友情链接</a>
        </div>
        <div class="footer-copyright">
            <p>
                <img draggable="false" class="moco-emoji" alt="©" src="https://www.imooc.com/static/moco/v1.0/images/face/36x36/a9.png">
                &nbsp;2020&nbsp;imooc.com&nbsp;&nbsp;京ICP备 12003892号-11
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802030151" target="_blank" style="color:#93999F;font-size:12px;margin:0 5px !important;">
                <i class="beian"></i>京公网安备11010802030151号</a>
                <a href="/license" target="_blank" style="color:#93999F;font-size:12px;">营业执照</a>
            </p>
        </div>
    </div>
</div>

<script src="js/index.js"></script>
</body>
</html>